html,body
{		
	margin:0;
	padding:0;
	color:#333;
	overflow-x:hidden;
	background:url(images/back.png)
}
a,a:hover
{
	color:#333;
	outline:none;
	text-decoration:none
}
a:hover
{
	color:#e8661b
}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,em,span,label,i,p,pre,img,a,input
{
	border:0;
	margin:0;
	padding:0;
	outline:none;
	list-style:none;
	font-style:normal
}
i
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	background:url(images/icon.png) no-repeat
}
.mt
{
	margin-top:16px
}
.clear
{
	height:0;
	clear:both;
	overflow:hidden
}
.shadow
{
	box-shadow:2px 2px 6px rgba(100,100,100,.6);
	-moz-box-shadow:2px 2px 6px rgba(100,100,100,.6);
	-webkit-box-shadow:2px 2px 6px rgba(100,100,100,.6);
}
.alpha
{
	left:0;
	z-index:0;
	bottom:0;        
	opacity:0.7;
	background:#000;
	position:absolute;        
	background-color:rgb(0,0,0);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.navtab
{
	height:30px;
	padding-bottom:4px;
	border-bottom:1px solid #f1f1f1
}
.navtab h3
{
	float:left;
	color:#07b3fc;
	font:400 18px/30px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
.navtab h3.more
{
	float:right
}
.navtab h3.more a
{
	color:#fff;
	margin:0 4px;
	padding:4px 8px;
	background:#07b3fc;
	font:400 14px/20px tahoma
}
.navtab h3.more a,#corp a
{
	color:#fff
}
.navtab h3.more a:hover
{
	background:#e8661b
}
#pop
{
	height:40px; 
	background:#07b3fc
}
#pop .pop
{
	color:#fff;
	width:1020px; 
	height:40px; 
	margin:0 auto;
	line-height:40px; 
	font:400 14px/40px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#pop .pop .left
{
	float:left
}
#pop .pop .right
{
	float:right
}
#pop .pop .right a
{
	color:#fff
}
#top 
{
	height:98px;
	background:#fff
}
#top .top
{	
	width:1120px;
	height:78px;
	margin:0 auto;
	padding:10px 0
}
#top .top .logo
{
	float:left;
	width:240px;
	height:78px
}
#top .top .logo a
{
	width:240px;
	height:78px;
	display:block;
	background:url(images/logo.png) no-repeat
}
#top .top .search
{
	float:left;
	width:400px;
	height:34px;
	padding:22px 76px
}
#top .top .search input
{
	float:left;
	color:#999;
	width:330px;
	height:32px;
	padding:0 10px;
	border:1px solid #ddd;
	border-right:0;
	font:400 14px/32px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#top .top .search a
{	
	float:left;
	width:48px;
	height:34px;
	display:block;
	background:#07b3fc
}
#top .top .search a i
{
	width:48px;
	height:34px;
	background-position:-136px 2px
}
#top .top .uc
{
	float:left;
	width:270px;
	height:36px;
	margin:22px 0
}

#top .top .uc a
{
	float:left;
	color:#fff;
	display:block;
	height:36px;
	width:120px;	
	margin-left:15px;
	border-radius:5px;
	background:#f05759;
	font:400 14px/34px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#top .top .uc a i
{
	width:24px;
	height:24px;
	margin:0 8px 0 16px;
	display:inline-block;
	vertical-align: middle;
	background-position:0 -7px
}
#top .top .uc a.img i
{
	margin:0 10px 0 16px;
	background-position:-44px -7px
}
#top .top .shopcar,#top .top .shopcar a.cart
{
	float:right;
	width:40px;
	height:36px;
	margin:22px 0;
	position:relative
}
#top .top .shopcar a.cart
{	
	margin:0;
	border-radius:5px;
	background:#07b3fc
}
#top .top a.cart i
{	
	top:5px;
	right:0;
	margin:0;
	width:15px;
	height:15px;
	color:#f00;
	text-align:center;	
	background:none;
	position:absolute;
	font:400 12px/100% "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#top .top a.cart img
{
	width:100%
}
#top .top .shopcar .carlist
{	
	top:60px;
	left:-406px;	
	z-index:100;
	width:460px;
	display:none;
	z-index:99999;
	border-radius:5px;
	position:absolute;
	background:#fff;
	border:1px solid #e5e5e5
}
#top .top .shopcar .carlist span
{	
	right:24px;
	top:-20px;
	z-index:100;
	position:absolute;
	border-width:10px;
	border-style:solid;
	border-color:transparent transparent #e5e5e5 transparent
}
#top .top .shopcar .carlist span tt
{
	top:-8px;
	right:-10px;		
	z-index:101;
	position:absolute;
	border-width:10px;
	border-style:solid;
	border-color:transparent transparent #fff transparent;
}
#top .top .shopcar .carlist h3
{
	height:40px;
	color:#b2b2b2;
	display:block;	
	text-indent:15px;	
	font:400 14px/40px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#top .top .shopcar .carlist h3 em
{
	float:left;
	margin:0 10px
}
#top .top .shopcar .carlist h3 em.close
{
	float:right;
	text-indent:0;
	cursor:pointer;
	font-size:26px
}
#top .top .shopcar .carlist .obj
{
	width:429px;
	padding:10px 0;
	margin:0 auto 10px auto;
	border-top:1px solid #e5e5e5
}
#top .top .shopcar .carlist .obj ul li
{
	height:48px;
	overflow:hidden;
	margin-bottom:10px;
	padding-bottom:10px;	
	border-bottom:1px dashed #e5e5e5
}
#top .top .shopcar .carlist .obj ul li label
{
	float:left;
	width:340px;
	height:48px;
	display:inline-block;
	font:400 12px/22px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#top .top .shopcar .carlist .obj ul li label.r
{
	width:80px;
	float:right;
	text-align:center
}
#top .top .shopcar .carlist .obj ul li label.r em
{
	display:block;
	color:#e8661b;
	font-weight:700
}
#top .top .shopcar .carlist .obj ul li label.r a
{
	color:#fff;
	border-radius:3px;
	padding:2px 12px;
	background:#e8661b
}
#top .top .shopcar .carlist .obj .total
{
	text-align:right
}
#top .top .shopcar .carlist .obj .total label
{
	margin:0 8px;
	font:400 12px/24px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#top .top .shopcar .carlist .obj .total label font
{
	margin:0 4px;
	color:#e8661b;
	font-size:16px;
	font-weight:700
}
#top .top .shopcar .carlist .obj .total a
{
	color:#fff;	
	border-radius:6px;
	padding:5px 14px;
	background:#07b3fc;
	font:400 14px/24px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#top .top .shopcar .carlist .obj img
{
	float:left;
	width:48px;
	height:48px;
	margin-right:10px
}
#menu
{
	height:40px;
	background:#f4f4f4
}
#menu .menu
{
	width:1120px;
	height:40px;
	margin:0 auto
}
#menu .menu a
{
	float:left;
	width:120px;
	height:40px;
	display:block;
	position:relative;
	text-align:center;
	font:400 16px/40px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#menu .menu a i
{
	top:2px;
	right:2px;
	width:24px;
	height:14px;
	position:absolute;
	background-position:-97px -50px
}
#menu .menu a:hover,#menu .menu a.fixed
{
	color:#fff;
	background:#07b3fc
}
#hash 
{
    width:1120px;
    height:24px;
    margin:20px auto;
    background:url(images/hash.png) repeat-x 0 center
}
#hash ul 
{
    height:24px;
    display:inline-block;
    background:url(images/back.png) 0 -1px
}
#hash ul li 
{
    float:left;
    margin-right:4px;
    padding-right:28px;
    background:url(images/ico.png) no-repeat right -310px;
}
#hash ul li.end 
{
    border:0;
    padding-right:10px;
    background:none;
}

#hash a, #hash span, #hash font 
{
    font:400 16px/24px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53";
}

#header 
{
	padding:16px;
	width:1088px;
	height:320px;
	background:#fff;
	margin:16px auto
}

#header .flashbox
{
	float:left;
	width:592px;
	height:320px;
	overflow:hidden;	
	position:relative	
}
#header .flashbox .bd
{
	z-index:1;
	width:592px;
	height:320px;	
}
#header .flashbox .bd a,#header .flashbox .bd a img
{
	width:592px;
	height:320px;
	display:block
}
#header .flashbox .hd
{
	bottom:10px;
	z-index:2;
	width:592px;
	text-align:center;
	position:absolute
}
#header .flashbox .hd a
{
	width:16px;
	height:16px;
	margin:0 4px;
	background:#eee;
	border-radius:50%;	
	display:inline-block
}
#header .flashbox .hd a.fixed
{
	background:#07b3fc
}
#header .iaa,#header .iaa a
{
	float:left;
	width:190px;
	height:102px;
	position:relative
}
#header .iaa
{
	margin:0 16px
}
#header .iaa a.c
{
	margin:7px 0
}
#header .uc
{
	width:274px;
	float:right;
	height:320px;
	overflow:hidden
}
#header .uc .share
{
	font:400 14px/30px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#header .uc .share i
{
	top:-2px;
	z-index:9;
	width:30px;
	height:30px;
	margin:0 6px;
	cursor:pointer;
	position:relative;
	vertical-align:middle;
	background-position:-1px -486px
}
#header .uc .share i img
{
	top:30px;
	width:150px;
	height:150px;
	display:none;
	position:absolute
}
#header .uc .share i:hover img
{
	display:block
}
#header .uc .share i.t
{
	background-position:-40px -486px
}
#header .uc .user
{	
	height:78px;
	padding:12px;
	margin:16px 0;
	background:#f4f4f4
}
#header .uc .user i
{
	float:left;
	width:94px;
	height:78px;
	background:none
}
#header .uc .user i img
{
	width:70px;
	height:70px;
	border-radius:50%;
	background:#fff;
	border:4px solid #e5e5e5
}
#header .uc .user em,#header .uc .user span,#header .uc label
{
	display:block;
	font:400 12px/26px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#header .uc .user em b
{
	color:#fff;
	padding:0 4px;	
	background:#c00;
	border-radius:3px;
	font:400 12px/20px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#header .uc .user span
{
	margin:0 10px;
	color:#c00;
	font-weight:700
}
#header .uc .user span a
{
	font-weight:400
}
#header .uc label 
{
	color:#07b3fc
}
#header .uc label a
{
	color:#07b3fc;
}
#header .uc label tt
{
	margin:0 4px
}
#header .uc label b
{
	color:#c00;
	font-weight:400
}
#header .uc h3
{
	height:40px;
	display:block;
	background:#eee
}
#header .uc h3 span
{
	height:40px;
	padding:0 16px;
	color:#07b3fc;
	background:#f4f4f4;
	display:inline-block;
	font:400 14px/40px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#header .uc .label
{
	padding:8px;
	height:100px;
	overflow:hidden;	
	background:#f4f4f4
}
#header .uc .label a
{	
	margin:4px;
	padding:0 10px;
	display:inline-block;
	font:400 14px/26px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}

.item
{
	width:1088px;
	background:#fff;
	padding:14px 16px 0 16px;
	margin:16px auto 0 auto;
}
.item .navtab
{
	padding-bottom:10px
}
.item .frame
{
	margin:16px auto 0 auto
}
.item .frame ul
{
	float:left;
	width:100%
}
.item .frame ul.l
{
	width:384px;
	margin-bottom:16px
}
.item .frame ul.c
{
	width:704px
}
.item .frame ul.m
{
	width:240px
}
.item .frame ul.r
{
	width:464px
}
.item .frame ul.t
{
	width:480px
}
.item .frame ul.q
{
	width:224px
}
.item .frame ul.b
{
	width:368px
}
.item .frame ul.d
{
	width:720px
}
.item .frame ul li
{
	float:left;    
	width:224px;
	height:224px;
	cursor:pointer;
	position:relative;   
	margin:0 16px 16px 0     
}
.item .frame ul li.nomargin
{
	margin:0 0 16px 0
}
.item .frame ul li a.img
{
	border:0;
	width:224px;
	height:224px;
	display:block;
	overflow:hidden
}
.item .frame ul li img
{
	width:224px;
	height:224px
}
.item .frame ul li pre
{
	width:224px;
	height:30px
}
.item .frame ul li p
{
	left:0;
	z-index:1;
	bottom:0;
	color:#fff;
	width:210px;
	height:30px;
	display:block;
	padding:0 6px;
	position:absolute;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.item .frame ul li p a
{
	color:#fff;
	font:400 14px/30px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
.item .frame ul li p a:hover
{
	color:#f60
}
.item .frame ul li label
{
	clear:both;
	display:block;
	font:400 12px/24px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
.item .frame ul li label.price
{
	height:50px;
}
.item .frame ul li label i
{
	top:-1px;
	width:20px;
	height:20px;
	margin-right:6px
}
.item .frame ul li label b
{
	color:#e8661b;
	margin:0 4px;
	font-weight:700
}
.item .frame ul li a.coupon
{
	right:0;
	bottom:0;	
	height:24px;
	color:#fff;	
	padding:0 6px;
	text-align:center;
	border-radius:5px;
	background:#07b3fc;
	display:inline-block;
	position:absolute;
	font:400 14px/24px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
.item .frame  ul li a.coupon:hover
{
	background:#e8661b
}
.item .frame  ul li label em
{
	float:left;
	color:#e8661b;
	font:400 30px/50px "tahoma"
}
.item .frame  ul li label em.r
{
	color:#ccc;
	float:right;
	text-decoration:line-through;
	font:400 16px/50px "tahoma"
}
.item .frame  ul li label i.tm
{
	background-position:-21px -528px
}
.item .frame  ul li label i.tb
{
	background-position:-1px -528px
}
.item .frame  ul li label i.cp
{
	background-position:-41px -528px
}
.item .frame  ul li label i.pm
{
	background-position:-101px -528px
}
.item .frame  ul.l li,.item .frame ul.l li a.img,.item .frame  ul.l li a.img img
{
	width:368px;
	height:368px
}
.item .frame  ul.l li
{
	height:464px;
	margin-bottom:0
}
.item .frame  ul.l li .alpha
{
	width:368px;
	height:54px;
	bottom:96px;
}
.item .frame  ul.l li p
{
	bottom:96px;
	width:356px;
	height:50px;
	overflow:hidden;
	white-space:pre-wrap
}
.item .frame  ul.l li p a
{
	color:#fff;
	font:400 16px/20px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
.item .frame ul.l li p a:hover
{
	color:#f60
}
.item .frame ul li .mask
{
	top:0;
	left:0;
	width:100%;
	z-index:1;
	height:224px;
	position:absolute
}
.item .frame ul li .taoke
{
	top:0;
	left:0;
	z-index:10;
	padding:10px;	
	position:absolute
}
.item .frame ul li .taoke label
{
	color:#fff
}
.item .frame ul .list
{
	border-left:1px solid #f4f4f4
}
.item .frame ul.list li
{
	margin:0;
	float:left;
	width:368px;
	height:36px;	
	text-indent:1em;	
	background:url(images/listico.png) no-repeat 0 -6px;
	font:400 16px/36px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53";
}
.item .frame ul.list li:hover
{
	background-position:0 16px
}
.item .frame ul.list li.fixed
{
	font-weight:700
}
.item .frame  ul.list li span
{
	float:left;
	width:300px;
	height:30px;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis 
}
.item .frame ul.list li span.date
{
	float:right;
	width:40px;
	height:30px;
	text-indent:0;
	font:400 12px/30px tahoma
}
.item .catalog,.item .catalog ul
{
	padding-bottom:16px
}
.item .catalog ul
{
	border-bottom:1px solid #ddd
}
.item .catalog ul.sort
{
	padding-top:12px
}
.item .catalog ul li
{
	width:auto;
	height:28px;
	margin:2px 0;
	display:inline-block
}
.item .catalog a
{	
	padding:2px 16px;
	display:inline-block;
	font:400 14px/26px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
.item .catalog li a.fixed
{
	color:#fff;
	background:#07b3fc
}
.item .catalog ul.sort a
{
	margin:0;
	float:left;	
	padding:2px 6px 2px 14px;
	border:1px solid #c7c7c7;
	border-right:0
}
.item .catalog ul.sort a.fixed
{
	color:#e8661b;
	background:none
}
.item .catalog ul.sort a i
{
	width:10px;
	height:16px;
	margin:0 4px;	
	background:url(images/icov.png) no-repeat
}
.item .catalog ul.sort a:hover i,
.item .catalog ul.sort a.desc i
{
	background-position:-10px 0
}
.item .catalog ul.sort a.asc i
{
	background-position:-60px 0
}
.item .catalog ul.sort a.asc i.p
{
	background-position:-40px 0
}
.item .catalog ul.sort a.desc i.p
{
	background-position:-30px 0
}
.item .catalog ul.sort a.c
{
	border-right:1px solid #c7c7c7
}
.item .catalog ul.sort li.plat
{
	margin:0 10px
}
.item .catalog ul.sort li.plat a
{
	border:0;
	margin-top:4px;
	padding:2px 6px;
}
.item .catalog ul.sort li.plat a i
{
	top:-2px;
	width:20px;
	height:20px;
	background:url(images/icon.png) no-repeat;
	filter:gray;
    filter:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="grayscale"><feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"/></filter></svg>#grayscale');
}
.item .catalog ul.sort li.plat a:hover i,.item .catalog ul.sort li.plat a.fixed i
{
	filter:none
}
.item .catalog ul.sort li.plat a.tm i
{
	background-position:-21px -528px
}
.item .catalog ul.sort li.plat a.tb i
{
	background-position:-1px -528px
}
.item .catalog ul.sort li.filter
{
	float:right
}
.item .catalog ul.sort li.filter input
{
	float:left;
	width:72px;
	height:26px;
	margin:2px 0;
	padding:0 4px;
	border-radius:5px;
	border:1px solid #ddd;
	font:400 12px/26px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
.item .catalog ul.sort li.filter em
{
	float:left;
	margin:0 4px;
	display:inline-block;
	font:400 12px/30px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"	
}
.item .catalog ul.sort li.filter a
{	
	border:0;
	color:#fff;
	border-radius:5px;
	padding:0 10px;
	margin:4px 0 4px 12px;
	background:#07b3fc
}
.item .imglist
{
	margin-top:0
}
.item .imglist ul
{
	width:100%
}
.item .imglist ul li
{
	width:238px;
	height:428px;
	padding:10px;
	overflow:hidden;
	border:1px solid #ddd
}
.item .imglist ul li a.img,.item .imglist ul li a.img img
{
	width:238px;
	height:238px
}
.item .imglist ul li label.time
{
	color:#aaa;
	line-height:44px
}
.item .imglist  ul li label em
{	
	font:400 20px/50px "tahoma"
}
.item .imglist  ul li label em.r
{	
	font:400 12px/50px "tahoma"
}
.item .imglist ul li pre 
{
	width:100%;
	height:50px;
	margin:4px 0;
	display:block;
	position:relative;
	white-space:pre-wrap
}
.item .imglist ul li pre p
{
	top:0;
	width:100%;
	height:40px;
	padding:5px 0;
	white-space:pre-wrap
}
.item .imglist ul li p a
{
	color:#777;
	font:700 14px/20px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
.item .imglist ul li a.coupon
{
	right:82px;
	bottom:10px
}
.item .imglist ul li a.look
{
	right:10px
}
#wrap
{
	width:1120px;
	margin:0 auto
}
#wrap .left,#wrap .right
{
	float:left;
	width:814px
}
#wrap .item
{
	margin:0;
	width:782px		
}
#wrap .list
{
	padding:0 16px;
	margin-top:16px;
	background:#fff
}
#wrap .list dl
{
	padding:16px 0;
	border-bottom:1px solid #ddd
}
#wrap .list dl.end
{
	border:0
}
#wrap .list dl dt, #wrap .list dt a 
{
    float:left;
    display:block;
    width:188px;
    height:188px;
	padding:10px;
    overflow:hidden;
	border:1px solid #ddd
}
#wrap .list dl dt:hover
{
	border:1px solid #07b3fc
}
#wrap .list dt a 
{
	border:0;
	padding:0
}
#wrap .list dl dt a img 
{
    width:188px;
    height:188px;
}
#wrap .list dl dd 
{
    float:right;
    width:556px;
    height:210px
}
#wrap .list dl dd h3 
{
	width:556px;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis    
}
#wrap .list dl dd h3 a
{
	color:#666;
	font:400 20px/30px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .list dl dd h3 a.cate
{
	color:#fff;
	margin-right:4px;
	padding:2px 8px;
	display:inline-block;
	background:#07b3fc;
	font:400 14px/26px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"

}
#wrap .list dl dd p.memo 
{
    display:block;
    height:70px;
    text-indent:2em;
	overflow:hidden;
	margin:10px 0;
    font:400 14px/24px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .list dl dd p.key
{
    padding:0 0 0 20px;
    font:400 12px/30px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53";
    background:url(images/sprite.png) no-repeat -128px -30px
}
#wrap .list dl dd p.key a 
{
    color:#07b3fc;
    margin:0 4px
}

#wrap .list dl dd .widget 
{
    height:40px;
	padding-top:8px;
    border-top:1px solid #ebebeb;
}
#wrap .list dl dd .widget label
{
	float:left
}
#wrap .list dl dd .widget label.more
{
	float:right
}
#wrap .list dl dd .widget label a
{
	color:#999;	
	font-size:14px;
	border-radius:5px;
	margin-right:10px;
	font-family:tahoma;
	display:inline-block;
	padding:6px 0;
}
#wrap .list dl dd .widget label a i
{
	top:-2px;
	width:17px;
	height:17px;
	margin-right:4px
}
#wrap .list dl dd .widget label a.digg i
{
	background-position:-203px -76px
}
#wrap .list dl dd .widget label a.digg:hover i
{
	background-position:-203px -276px
}
#wrap .list dl dd .widget label a.feed i
{
	background-position:-203px -116px
}
#wrap .list dl dd .widget label span
{
	color:#999;
	padding:0 10px;
	font-size:12px
}
#wrap .list dl dd p.key a:hover,
#wrap .list dl dd h3 a:hover,
#wrap .list dl dd .widget label.more a
{
	color:#e8661b
}
#wrap .item .catalog ul.sort li.filter
{
	float:left;
	clear:both;
	margin-top:10px
}
#wrap .archive
{
	padding:10px 16px;
	background:#fff
}
#wrap .archive h1
{
	padding:10px 0;
	text-align:center;
	font:400 24px/36px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .archive .tipbar 
{
    height:36px;
    margin:10px;
    border-bottom:1px dashed #ddd;
    border-top:1px dashed #ddd;
    font:400 14px/36px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .archive .tipbar span
{
	color:#ccc;
	float:left;
	margin:0 8px
}
#wrap .archive .tipbar span.font
{
	margin:0;
	float:right
}
#wrap .archive .tipbar span a
{
	color:#ccc;
	margin-right:6px
}
#wrap .archive .tipbar span a:hover
{
	color:#e8661b
}
#wrap .archive .tipbar span.font font
{
	color:#e8661b;
	font-weight:700;
	cursor:pointer;
	position:relative
}
#wrap .archive .tipbar span.font i
{
	width:15px;
	height:15px;
	background-position:-210px -236px
}
#wrap #article p
{
	color:#333;
	margin:5px 0;
	text-indent:2em;
	font:400 14px/24px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap #article img
{
	display:block;
	padding:5px;	
	max-width:760px;
	border:1px solid #e2e2e2;
	margin:16px auto 0 auto
}
#wrap #article img.tips
{
	border:0;
	padding:0;
	margin:0 auto 20px auto
}
#wrap .archive .pro
{
	border:0;
	margin:20px auto
}
#wrap .archive .pro legend
{
	padding:0 10px;
	margin:0 20px;
	color:#e8661b;
	background:#fff;
	font:400 18px/30px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .archive .pro dl
{
	padding:16px
}
#wrap .archive .pro dl dt,#wrap .archive .pro dl dt img
{
	float:left;
	width:150px;
	height:150px
}
#wrap .archive .pro dl dd
{
	float:right;
	width:560px;
	height:150px;
	position:relative
}
#wrap .archive .pro dl dd label 
{
	left:0;
	bottom:0;
	width:560px;
	display:block;
	position:absolute
}
#wrap .archive .pro dl dd label a
{
	float:left;
	color:#666;
	font: 400 14px/30px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .archive .pro dl dd label a.tm i
{
	top:-2px;
	width:20px;
	height:20px;
	margin-right:6px;
	background-position: -21px -528px;
}
#wrap .archive .pro dl dd a
{
	font:400 18px/30px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .archive .pro dl dd a.more
{
	color:#fff;
	float:right;
	font-size:12px;
	border-radius:5px;
	background:#07b3fc;
	display:inline-block;
}
#wrap .archive .pro dl dd a.more i
{
	margin:0 20px;
	background:none
}
#wrap .archive .pro dl dd a em
{
	margin:0 10px;
	color:#e8661b
}
#wrap .archive .widget
{
	height:40px;
	padding-top:20px;
	position:relative;
	margin:16px 0;
	border-top:1px solid #ebebeb
}
#wrap .archive .widget label a
{
	color:#999;
	font-size:12px;
	display:inline-block;
	border-radius:5px;
	margin-right:10px;
	font-family:tahoma;	
	padding:6px 10px 6px 32px;
	border:1px solid #ebebeb;
	background:url(images/ico.png) no-repeat
}
#wrap .archive .widget label
{
	float:left
}
#wrap .archive .widget label.more
{
	float:right
}
#wrap .archive .widget label a:hover
{
	color:#f90;
}
#wrap .archive .widget label a.good
{
	background-position:5px -24px
}
#wrap .archive .widget label a.good:hover
{
	background-position:4px 4px
}
#wrap .archive .widget label a.bad
{
	background-position:5px -85px
}
#wrap .archive .widget label a.bad:hover
{
	background-position:4px -54px
}
#wrap .archive .widget label a.fav
{
	background-position:11px -148px
}
#wrap .archive .widget label a.fav:hover
{
	background-position:11px -115px
}
#wrap .archive .widget label a.share
{
	background-position:5px -275px
}
#wrap .archive .widget label a.share:hover
{
	background-position:5px -243px
}
#wrap .archive .widget label a.cmt
{
	margin:0;
	background-position:5px -211px
}
#wrap .archive .widget label a.cmt:hover
{
	background-position:5px -179px
}
#wrap .archive .platform 
{
    right:90px;
    bottom:46px;
    width:215px;
    height:100px;
	display:none;
    position:absolute;
    z-index:9999999;
    background:url(images/tip.png) center center no-repeat;
}
#wrap .archive .platform a 
{
    border:0;
    color:#666;
    float:left;
    height:30px;
    cursor:pointer;
    padding-left: 30px;
    margin:7px 0 0 16px;
    display:inline-block;
    vertical-align: middle;
    font:400 14px/30px "";
    background: url(images/app.png) no-repeat
}
#wrap .archive .platform a.sina 
{
    background-position: -244px -360px
}
#wrap .archive .platform a.iqq 
{
    background-position: -244px -332px
}
#wrap .archive .platform a.tqq 
{
    background-position: -244px -276px
}
#wrap .archive .platform a.qzone 
{
    background-position: -244px -304px
}
#wrap .archive ul.remark
{
	margin:16px 0 0 0
}
#wrap .archive ul.remark li
{
	float:left;
	width:183px;
	margin-right:16px
}
#wrap .archive ul.remark li a
{
	float:left;
	padding:10px 0;	
	font:400 14px/24px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .archive ul.remark li a em,
#wrap .archive ul.remark li a span
{
	margin:0 6px;
	color:#e8661b
}
#wrap .archive ul.remark li a.img
{
	width:162px;
	height:162px;
	display:block;
	padding:10px;
	border:1px solid #ddd
}
#wrap .archive ul.remark li a.img:hover
{
	border-color:#07b3fc
}
#wrap .archive ul.remark li img
{
	width:162px;
	height:162px
}
#wrap .archive ul.remark li.end
{
	margin:0
}
#wrap .archive .navtab h3 em
{
	margin:0 4px;
	color:#e8661b	
}
#wrap .archive dl.comment
{
	position:relative;
	margin:16px 0 0 0;	
	padding-bottom:16px;	
	border-bottom:1px solid #ddd
}
#wrap .archive dl.comment dt,
#wrap .archive dl.comment dt img
{
	float:left;
	width:64px;
	height:64px
}
#wrap .archive dl.comment dt img
{
	border-radius:50%;
	border:1px solid #eee
}
#wrap .archive dl.comment dd
{
	float:right;
	width:690px
}
#wrap .archive dl.comment dd textarea
{
	width:680px;	
	height:86px;
	padding:10px;
	border-radius:5px;
	border:1px solid #e5e5e5
}
#wrap .archive dl.comment dd label
{
	margin:16px 0;
	display:block
}
#wrap .archive dl.comment dd label i
{
	float:left;
	width:24px;
	height:24px;
	cursor:pointer;
	background-position:-148px -42px
}
#wrap .archive dl.comment dd label a
{
	color:#fff;
	float:right;
	width:120px;
	height:36px;
	text-align:center;	
	background:#07b3fc;
	border-radius:3px;	
	display:inline-block;
	font:400 16px/36px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .archive dl.comment .emotion
{
	left:90px;
	top:162px;	
	z-index:100;
	width:460px;
	border-radius:5px;
	position:absolute;
	background:#fcfcfc;
	border:1px solid #e5e5e5
}
#wrap .archive dl.comment .emotion span
{	
	left:4px;
	top:-20px;
	z-index:100;
	position:absolute;
	border-width:10px;
	border-style:solid;
	border-color:transparent transparent #e5e5e5 transparent
}
#wrap .archive dl.comment .emotion span i
{
	top:-8px;
	left:-10px;		
	z-index:101;
	position:absolute;
	border-width:10px;
	border-style:solid;
	border-color:transparent transparent #fff transparent;
}
#wrap .archive dl.comment .emotion h3
{
	height:40px;
	color:#b2b2b2;
	display:block;	
	text-indent:15px;
	font:400 14px/40px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .archive dl.comment .emotion h3 em
{
	float:left;
	margin:0 10px
}
#wrap .archive dl.comment .emotion h3 em.close
{
	float:right;
	text-indent:0;
	cursor:pointer;
	font-size:26px
}
#wrap .archive dl.comment .emotion .face
{
	width:429px;
	margin:0 auto 10px auto;
	border:1px solid #e5e5e5;
	border-left:0;
	border-top:0
}
#wrap .archive dl.comment .emotion .face p
{
	padding:4px;	
	float:left;
	cursor:pointer;
	border:1px solid #e5e5e5;
	border-right:0;
	border-bottom:0
}
#wrap .archive dl.comment .emotion .face p img
{
	float:left;
	width:24px;
	height:24px
}
#wrap .archive dl.comment .mask
{	
	top:0;
	left:0;
	z-index:10;
	width:100%;
	height:162px;	
	position:absolute;
	text-align:center;
	background:transparent;
}
#wrap .archive dl.comment .mask span
{
	font:400 14px/120px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .archive dl.comment .mask span a
{
	margin:0 6px;
	color:#e8661b
}
#wrap .archive .errmsg
{	
	padding:20px;
	color:#89919b;
	margin:16px 0;
	text-align:center;
	background:#f7f7f7;
	border:1px solid #f0efef
}
#wrap .archive .feed dl
{
	padding:16px 0;
	border-bottom:1px solid #ddd
}
#wrap .archive .feed dl dt,
#wrap .archive .feed dl dt a,
#wrap .archive .feed dl dt a img
{
	float:left;
	width:70px;
	height:70px
}
#wrap .archive .feed dl dt a img
{
	border-radius:50%
}
#wrap .archive .feed dl dd
{
	width:690px;
	float:right
}
#wrap .archive .feed dl dd a.u
{
	color:#07b3fc;
	font:400 14px/30px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .archive .feed dl dd a.u i
{
	top:-2px;
	color:#fff;
	margin:0 6px;
	padding:1px 6px;
	text-align:center;
	border-radius:3px;
	background:#e8661b;
	font:400 12px/16px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .archive .feed dl dd p
{
	padding:20px 0;
	font:400 14px/24px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .archive .feed dl dd label
{
	color:#999;
	display:block;
	text-align:right;
	font:400 12px/30px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"	
}

#wrap .archive .feed dl dd label a
{
	color:#999;
	margin:0 8px
}
#wrap .archive .feed dl dd label a i
{
	top:-2px;
	width:17px;
	height:17px;
	margin:0 6px 0 8px;
	background-position:-203px -76px
}
#wrap .archive .feed dl dd label a:hover
{
	color:#e8661b
}
#wrap .archive .feed dl dd label a:hover i
{
	background-position:-203px -276px
}
#wrap .archive .feed .ipage
{
	width:782px;
	height:30px;
	margin:16px 0;
	text-align:right
}
#wrap .archive .feed .ipage a
{
	width:30px;
	height:30px;
	border:1px solid #ddd;
	font:400 14px/30px arial
}
#wrap .archive .feed .ipage a:hover,
#wrap .archive .feed .ipage a.fixed
{
	border-color:#07b3fc
}
#wrap .right 
{
	float:right;
	width:290px
}
#wrap .right .shadow
{	
	padding:16px;
	background:#fff
}
#wrap .right ul
{
	margin-top:16px
}
#wrap .right ul.txtimg li
{
	float:left;
	width:124px;
	height:154px;
	overflow:hidden;
	margin:0 10px 10px 0
}
#wrap .right ul.txtimg li img
{
	float:left;
	width:124px
}
#wrap .right ul.txtimg li.end
{
	margin:0 0 10px 0
}
#wrap .right ul.txtimg li p
{	
	width:124px;
	height:30px;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font:400 14px/30px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .right ul.txtlist
{
	margin:0
}
#wrap .right ul.txtlist li
{
	width:244px;
	float:left;
	height:30px;
	padding-left:14px;
	background:url(images/listico.png) no-repeat 0 -8px;
	font:400 14px/30px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .right ul.txtlist li:hover
{
	background-position:0 14px
}
#wrap .right ul.txtlist li label
{
	float:left;	
	width:194px;
	height:30px;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
#wrap .right ul.txtlist label.date 
{
    float:right;
    width:40px;
    color:#777;
    font:400 12px/30px "tahoma";
}
#wrapper
{
	width:1120px;
	margin:10px auto;
	border:1px solid #ddd;
	background:#fff url(images/line.png) repeat-y 259px
}
#wrapper .left
{
	float:left;
	width:260px;
}
#wrapper .left li
{
	width:260px;
	height:50px;
	border-bottom:1px solid #ddd;
	font:normal 16px/50px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrapper .left li a
{
	display:block;
	width:255px;
	height:50px;
	padding-left:30px;
	border-left:5px solid #fff;
	text-decoration:none
}
#wrapper .left li a.fixed
{
	color:#f90;
	background:#fff;
	border-left:5px solid #f90
}
#wrapper .right
{
	float:right;
	width:840px
}
#wrapper .right .title
{
	color:#07b3fc;
	height:50px;
	text-indent:2em;
	margin-right:20px;
	border-bottom:1px solid #ddd;
	font:normal 22px/50px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrapper .right .intro
{
	color:#666;
	padding:20px 20px 20px 10px;
}
#wrapper .right .intro h1
{
	color:#f60;
	margin:8px 0;
	text-indent:2em;
	font:700 16px/24px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrapper .right .intro hr
{
	border:0;
	display:block;
	margin:16px 0;
	border-top:1px solid #ddd
}
#wrapper .right .intro h3
{
	margin:4px 0;
	text-indent:2em;
	font:700 14px/24px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrapper .right .intro p
{
	margin:8px 0;
	text-indent:2em;
	font:normal 14px/24px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrapper .right .intro div p
{
	margin:0;
	word-break:break-all;
}
#wrapper .right .intro img
{
	margin:20px 0;
	max-width:620px
}
#wrapper .stitle
{
	height:60px;
	text-indent:2em;
	font:normal 20px/60px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#page
{
	width:1120px;
	height:56px;
	margin:32px auto 0 auto	
}
#page a
{
	width:40px;
	height:40px;
	color:#666;	
	margin:0 3px;	
	background:#fff;
	text-align:center;
	border-radius:4px;		
	display:inline-block;
	font:400 14px/40px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#page a i
{
	width:40px;
	height:40px;
}
#page a.hp,#page a.pv,#page a.nt,#page a.lp
{
	background:#e8661b
}
#page a.hp i
{
	background-position: -73px -369px;
}
#page a.pv i
{
	background-position: -25px -41px;
}
#page a.nt i
{
	background-position: 16px -41px;
}
#page a.lp i
{
	background-position: -35px -369px;
}
#page a:hover,#page a.fixed
{
	color:#fff;
	background:#07b3fc
}
#page a.fixed
{
	font-weight:700
}
#page a.more
{
	background:none;
	font:400 20px/20px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#page a.more:hover
{
	color:#666
}
#pages
{
	padding:10px 0;
	position:relative;
	border-top:1px dashed #dedede
}
#pages span
{
	display:block;
	font: 700 14px/30px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#pages span a
{
	font: 400 14px/30px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#pages a.back
{
	top:24px;
	right:0;
	color:#e8661b;
	position:absolute;
	font: 400 14px/50px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#pages a.back i
{
	top:-2px;
	width:24px;
	height:18px;
	margin:0 6px;
	background-position:-195px -199px
}
body#member
{
	background:#fff
}
#mhead
{
	background:#f4f4f4
}
#mhead .mhead
{
	width:1120px;
	height:78px;
	margin:0 auto;
	padding:15px 0 5px 0;
}
#mhead .mhead .logo
{
	float:left;
    margin-right:10px;
}
#mhead .mhead .logo a
{
	float:left;
	display:block;
	width:240px;
	height:70px;
	background:url(images/logo.png) no-repeat
}
#mhead .mhead .tit
{
	float:left;	
	margin:0 50px;
	color:#e8661b;
	white-space: nowrap;
	font:400 28px/70px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#mhead .step
{
	float:right;
	padding-top:25px;
	margin-right:40px
}
#mhead .step li
{
	float:left;
	position:relative
}
#mhead .step li b
{
	float:left;	
	width:36px;
	height:36px;
	display:block;
	background:url(images/step.png) no-repeat
}
#mhead .step li b.b1
{
	background-position:0 0
}
#mhead .step li b.b2
{
	background-position:-42px 0
}
#mhead .step li b.b3
{
	background-position:-84px 0
}
#mhead .step li.fixed b.b1
{
	background-position:0 -44px
}
#mhead .step li.fixed b.b2
{
	background-position:-42px -44px
}
#mhead .step li.fixed b.b3
{
	background-position:-84px -44px
}
#mhead .step li span
{
	right:0;
	top:-26px;
	width:160px;
	right:-62px;
	color:#333;
	position:absolute;
	text-align:center;
	display: inline-block;
	font:400 12px/30px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#mhead .step li i
{
	width:165px;
	height:6px;
	float:left;
	display:block;
	margin-top:15px;
	margin-right:0;
	overflow:hidden;
	background:#fff;
	border:1px solid #e5e5e5;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-width:1px 0;
}
#wrap .xtrip
{
	margin-top:60px;	
	text-align:right;	
	font:400 12px/50px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .xtrip a
{
	color:#07b3fc;
}
#wrap .setp
{
	height:48px;
	background:url(images/qlogin.png) no-repeat
}
#wrap .cart
{
	background:url(images/cart.png) no-repeat 0 12px
}
#wrap .x 
{	
}
#wrap .y 
{	
	background-position:0 -48px
}
#wrap .z 
{	
	background-position:0 -96px
}
#wrap .s 
{	
	background-position:0 -144px
}
#wrap .fl,#wrap .fl img
{
	float:left;
	width:666px;
	height:480px;
	margin:0 0 80px 0
}
#wrap .fl img
{
	margin:0
}
#wrap .fr
{
	float:right;
	width:310px;
	height:440px;
	padding:20px;
	margin:0 0 80px 0;	
	background-color:#fff;
	border:1px solid #e3e6e0;
}
#wrap .fr h3
{
	color:#fff;
	overflow:hidden;
	font:400 18px/40px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .fr h3 span
{
	float:left;
	color:#262626
}
#wrap .fr h3 span.reg
{
	float:right;
	font-size:12px
}
#wrap .fr h3 span.reg a
{
	color:#07b3fc
}
#wrap .fr .tipmsg,#wrap .pl .tipmsg
{
	display:block;
	color:#da3a4c;
	margin:10px 0;
	padding:0 15px;
	border:1px solid #ffe9b1;
	background:#fff4d8;
	font:400 12px/32px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .fr .errmsg,#wrap .pl .errmsg
{
	color:#c00;
	border:1px solid #c00
}
#wrap .fr .sucmsg,#wrap .pl .sucmsg
{
	color:#060;
	border:1px solid #060
}
#wrap .fr i,#wrap .pl i
{
	top:-1px;
	width:15px;
	height:15px;
	margin:0 6px;
	background:url(images/icox.png) no-repeat
}
#wrap .fr .errmsg i,#wrap .pl .errmsg i
{
	background-position:-16px 0
}
#wrap .fr .sucmsg i,#wrap .pl .sucmsg i
{
	background-position:0 -15px
}
#wrap .fr p
{
	height:38px;
	display:block;
	margin:20px 0;
}
#wrap .fr p input.ipt
{
	float:left;
	width:248px;
	height:38px;
	padding:0 10px;
	border:1px solid #c1c1c1;
	vertical-align: middle;
	border-left:0;
	font:400 14px/38px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .fr p i
{
	margin:0;
	float:left;
	width:38px;
	height:38px;
	border:1px solid #bdbdbd;
	background-position:0 -33px
}
#wrap .fr p.code i
{
	background-position:0 -72px
}
#wrap .fr p.code input.ipt
{
	width:105px;
	text-transform:uppercase
}
#wrap .fr p img
{
	width:133px;
	height:38px;
	float:left;
	cursor:pointer;
	margin-left:10px
}
#wrap .fr p.login
{
	height:50px;
}
#wrap .fr p.findo
{
	margin:0;
	height:20px;
	font:400 12px/20px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .fr p.findo span
{
	float:left
}
#wrap .fr p.findo span input.cbx
{
	margin-right:10px;
	vertical-align:middle
}
#wrap .fr p.findo span.fp
{
	float:right
}

#wrap .fr p.login a
{
	color: #fff;
	display:block;
	height: 50px;
	background:#f90;
	border-radius: 5px;
	text-align: center;	
	font:400 18px/48px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .fr .qlogin
{
	font-size:12px
}
#wrap .fr .qlogin span
{
	display:block;
	margin-bottom:16px;
	background:url(images/line.png) repeat-x 0 center
}
#wrap .fr .qlogin span em
{
	padding-right:20px;
	background:#fff
}
#wrap .fr .qlogin a i
{
	width:88px;
	height:20px;
	background:url(images/qlogin.png) no-repeat
}
#wrap .fr .qlogin a.qq i
{
	background-position:-60px -200px
}
#wrap .fr .qlogin a.sina i
{
	background-position:-160px -200px
}
#wrap .fr .qlogin a.alipay i
{
	background-position:-260px -200px
}
#wrap .xpanel
{
	padding:40px;
	margin-bottom:80px;
	border: 1px solid #07b3fc
}
#wrap .xpanel .pl
{
	float:left;
	width:600px
}
#wrap .xpanel .pl p
{
	display:block;
	height:40px;
	margin-bottom: 30px;
	font:400 14px/30px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .xpanel .pl p span
{	
	width:120px;
	text-align:right;
	padding-right:20px;
	display:inline-block;
}
#wrap .xpanel .pl p input.ipt
{
	width:256px;
	height:38px;
	margin-right:20px;
	padding:0 14px;
	border:1px solid #c1c1c1;
	background-color:#fff;
	vertical-align:middle;	
	font:400 14px/38px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .xpanel .pl p input#codex
{
	width:116px;
	text-transform:uppercase
}
#wrap .xpanel .pl p img
{
	width:116px;
	height:38px;
	cursor:pointer;
	vertical-align:middle
}
#wrap .xpanel .pl p.sendbtn a
{
	color: #fff;
	width:300px;	
	height:50px;
	background:#f90;
	display:inline-block;
	border-radius:5px;
	text-align:center;	
	font:400 18px/48px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .xpanel .pr,#wrap .xpanel .pr img
{
	float:right;
	width:438px
}
#wrap .xpanel .pr
{
	height:400px;
	overflow:hidden
}
#wrap .xpanel .pl p.code
{
	margin-bottom:0
}
#wrap .xpanel .pl p.licence
{
	margin:0
}
#wrap .xpanel .pl .tipmsg
{
	width:270px;
	display:inline-block	
}
#wrap .xpanel .pl p.tipinfo
{	
	margin:10px 0 20px 0
}
#wrap .xpanel .pl p.suc
{
	color:#060;
	font:400 16px/50px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .xpanel .pl p.suc i
{
	width:52px;
	height:50px;
	background:url(images/qlogin.png) no-repeat -360px -198px
}
#wrap .xpanel .pl p.suc a
{
	margin:0 6px;
	color:#07b3fc
}
#wrap .xpanel .pl p.suc font
{
	color:#f00;
	display:block
}
#wrap .car
{
	padding:20px
}
#wrap .car table
{
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
	border:1px solid #ebebeb;
}
#wrap .car table.list
{
	margin:10px 0
}
#wrap .car table th,#wrap .car .info
{
	height:40px;
	color:#262626;
	padding:0 10px;
	text-align:center;
	background:#f1f1f1;
	font:400 14px/40px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .car table.list td
{
	padding:10px;
	background:#fff;
	border-top:1px solid #ebebeb;
	font:400 14px/24px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .car table.list td div
{
	height:30px;
}
#wrap .car table.list td div input
{
	margin:0 4px;
	padding:1px;
	color:#333;
	width:42px;
	height:20px;
	text-align:center;
	-webkit-appearance: none;
	border: 1px solid #cacbcb;
	font:400 12px/20px tahoma
}
#wrap .car table.list td div a
{
	width:18px;
	height:24px;
	vertical-align:middle;
	display:inline-block;
	background:url(images/cart.png) no-repeat
}
#wrap .car table.list td div a.decrement
{
	background-position:0 -40px
}
#wrap .car table.list td div a.increment
{
	background-position:-20px -40px
}
#wrap .car table.list td img
{
	float:left;
	width:80px;
	height:80px;
	padding:2px;
	margin-right:10px;
	border:1px solid #ebebeb
}
#wrap .car table .check
{
	width:40px;
	text-align:left;
	padding-left:12px
}
#wrap .car table .info
{
	width:400px
}
#wrap .car table td.info
{
	text-align:left
}
#wrap .xpanel table .num,
#wrap .xpanel table .total,
#wrap .xpanel table .opera,
#wrap .xpanel table .price
{
	width:110px;
	text-align:center
}
#wrap .xpanel table td.total
{
	color:#f00;
	font-size:14px;
	font-weight:700
}

#wrap .car .info
{
	height:60px
}
#wrap .car .info .cl,#wrap .car .info .cr
{
	float:left;
	width:200px;
	height:60px;
	text-align:left;
	
	font:400 14px/60px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .car input
{
	vertical-align:middle
}
#wrap .car .info .cl a
{
	margin:0 20px
}
#wrap .car .info .cl a i
{
	top:-2px;
	width:14px;
	height:16px;	
	margin-right:5px;
	vertical-align:middle;
	background:url(images/cart.png) no-repeat -100px -40px
}
#wrap .car .info .cr
{
	float:right;
	width:800px;
	text-align:right	
}
#wrap .car .info .cr a
{
	color:#fff;
	width:120px;
	margin:0 10px;
	padding:4px 20px;
	text-align:center;
	border-radius:5px;
	background:#ff5317;
	display:inline-block;
	font:400 18px/30px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#wrap .car .info .cr .ub
{
	margin:0 20px
}
#wrap .car .info .cr .ub em
{
	margin:0 6px;
	color:#249c61;
	font-family:tahoma
}
#wrap .car .info .cr .price em
{
	color:#ff5317;
	margin:0 5px;
	font:700 18px/1em tahoma
}
#wrap .car .info .cr .price span
{
	margin:0 10px 0 0
}
#wrap .car .info .cr a.buy
{
	background:#07b3fc
}
#footer
{
	height:150px;
	margin-top:16px;
	overflow:hidden;
	text-align:center;
	background:#07b3fc
}
#footer .foot
{
	color:#fff;
	width:1120px;
	margin:0 auto
}
#footer .foot a
{
	color:#fff;
	margin:0 4px
}
#footer .foot a:hover
{
	border-color:#fff
}
#footer .foot .nav
{
	padding:16px 0 10px 0;
	font:400 14px/24px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}
#footer .foot .copyright, #footer .foot .friendlink
{
	padding-bottom:10px;
	border-bottom: 1px solid #fff;
	font:400 14px/36px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"	
}
#footer .foot .copyright span
{
	margin:0 4px
}
#footer .foot .friendlink
{
	text-align:left;
	border-bottom:0;
	font:400 14px/40px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53"
}